<template>
    <QfPage title="权限管理">
        <el-table :data="tableData">
            <el-table-column prop="id" label="id" />
            <el-table-column prop="uname" label="用户名" />
            <el-table-column>
                <template #default="{ row }">
                    <el-button @click="openRoleDialog(row.id)">权限</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-drawer v-model="ShowRole"
            title="权限管理"
            size="40%"
        >
        <el-tree :data="roledata">
            <template #default="{ node }">
        <span class="custom-tree-node">
          <span>{{ node.label }}</span>
          <span>
            <a> Append </a>
            <a style="margin-left: 8px"> Delete </a>
          </span>
        </span>
      </template>
    </el-tree>
  </div>
</template>
        </el-tree>
        </el-drawer>
    </QfPage>
</template>
<script>
import cp from './index';

export default cp;
</script>
<style lang="scss" scoped>
@import url('./index.scss');
</style>
